
body{
    background: #F2F3F5;
    height:100%;
}
#dueFundsDetail {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.midContentDetail {
    background: #fff;
    padding: 2.95rem 0.75rem 0.75rem 0.75rem;
   .detail-top{

       .user-name{
           font-size:0.85rem;
           color:#1D212B ;
           font-weight: bold;
       }
       .user-icon{
           border: 0.0125rem solid #FF6500;
           border-radius: 0.1rem  /* 2/40 */;
           color:#FF6500;
           font-size:0.6rem;
           padding:0.005rem 0.125rem;
       }
       .user-blue{
           border: 0.0125rem  /* 0.5/40 */ solid #1790FC;
           border-radius: 0.1rem  /* 2/40 */;
           color:#1790FC;
           font-size:0.6rem;
           padding:0.005rem 0.125rem;
       }
   }
    .detail-middle{
        margin-top:0.75rem;
        .orange-font{
            font-size: 0.85rem;
            color:#FF6500;
            font-weight: 700;
        }
        .block-font{
            font-size: 0.85rem;
            color:#1D212B;
            font-weight: 700;
        }
        .gray-font{
            color:#91959E;
            font-size:0.6rem;
        }
        .detail-middle-l,.detail-middle-r{
            width:50%;
            float:left;
            text-align: center;
            line-height:1.2rem;
        }
    }
    .detail-bottom{
        margin-top:0.75rem;
        height:1.5rem;
        background: #F9F7F6;
        line-height: 1.5rem;
        padding :0 0.5rem;
        font-size: 0.6rem;
        color: #545861;
        span {
            display: inline-block;
            width: 70%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .jicon{
            float:right;
            font-size: .65rem;
            margin-right: .25rem;
            color: #C7C7CC ;
        }
    }
}
.botContent {
    margin-top: 0.5rem;
    flex: 1;
    background: #fff;
    padding: 0.75rem 0.75rem 0.75rem 0.75rem;
    position: relative;
    .bot-top-title{
        display: flex;
        align-items: center;
        height: 0.525rem  /* 21/40 */;
        .biao{
            background: #FF6500;
            border-radius: 1rem;
            width:0.2rem;
            height:0.6rem;

        }
        .t-font{
            font-size: 0.75rem;
            color: #1D212B;
            float: left;
            margin-left:0.25rem
        }
        .blue-font{
            position: absolute;
            right: 0.75rem  /* 16/40 */;
            color:#1790FC;
            font-size: 0.65rem  /* 26/40 */;
            float:right;
            background-color: #fff;
            .iconCopy {
                width: 0.65rem  /* 26/40 */;
                height: 0.65rem;
                font-size: 0.65rem  /* 26/40 */;
            }
        }
    }
    .text-box{
        padding: 0.8rem 0.5rem;
        background: #F9F7F6;
        font-size:0.75rem;
        color:#545861;
        margin-top:0.8rem;
        border-radius: 0.125rem  /* 5/40 */;
    }
}
.proceed {
    width: 17.25rem  /* 690/40 */;
    height: 2.2rem  /* 88/40 */;
    background: #FF6500 ;
    color: #ffffff;
    font-size: 0.85rem  /* 34/40 */;
    line-height: 2.2rem  /* 88/40 */;
    text-align: center;
    position: absolute;
    left: 0.75rem;
    bottom: .5rem;
    border-radius: 0.2rem  /* 8/40 */;
}
.gray {
    background: #DDDDDD;
    color: #BABABA;
    width: 17.25rem  /* 690/40 */;
    height: 2.2rem  /* 88/40 */;
    font-size: 0.85rem  /* 34/40 */;
    line-height: 2.2rem  /* 88/40 */;
    text-align: center;
    position: absolute;
    left: 0.75rem;
    bottom: .5rem;
    border-radius: 0.2rem  /* 8/40 */;
}
.noClick {
    pointer-events: none;
}
